/**
 * Created by Administrator on 2017/2/27.
 */
var SideBar = require('../../src/complex/sideBar');

var Root = React.createClass({
    getInitialState: function () {
        return{
            sideBarItem:PageDM.sideBar.value
        }
    },
    componentDidMount: function(){
        UEventHub.emit("pageLoad","hello world!");
    },
    render: function() {
        return (
            <div>
                <div className="mod-account container">
                    <div className="sub-nav">
                        <SideBar sideBarItem={this.state.sideBarItem}/>
                    </div>
                    <div className="account padding">
                        <div className="help-main">
                            <div className="mod-title title"><b></b>添加银行卡操作指引<b></b></div>
                            <div className="mod-guide">
                                <p className="tips fc-link">添加银行卡方法之一：</p>
                                <div className="step">
                                    <span className="bg-icon icon">1</span>
                                    <div className="content">
                                        <p>选择项目点击“<b>马上投资</b>”</p>
                                        <p className="img"><img src="../content/images/help/img9.jpg" alt=""/></p>
                                    </div>
                                </div>
                                <div className="step">
                                    <span className="bg-icon icon">2</span>
                                    <div className="content">
                                        <p>在弹出窗口点击“<b>确认</b>”，前往账户中心绑卡
                                            </p>
                                        <p className="img"><img src="../content/images/help/img10.jpg" alt=""/></p>
                                    </div>
                                </div>
                                <div className="step last">
                                    <span className="bg-icon icon">3</span>
                                    <div className="content">
                                        <p>填写并确认账号相关信息无误，点击“<b>确认</b>”保存回款账号信息</p>
                                        <p className="img"><img src="../content/images/help/img11.jpg" alt=""/></p>
                                    </div>
                                </div>

                                <p className="tips fc-link">添加银行卡方法之二：</p>
                                <div className="step">
                                    <span className="bg-icon icon">1</span>
                                    <div className="content">
                                        <p>进入“我的账户”，打开“我的银行卡”页面，后点击“<b>添加银行卡</b>”</p>
                                        <p className="img"><img src="../content/images/help/img12.jpg" alt=""/></p>
                                    </div>
                                </div>
                                <div className="step last">
                                    <span className="bg-icon icon">2</span>
                                    <div className="content">
                                        <p>填写并确认帐号相关信息无误，点击“<b>确认</b>”保存回款账号信息</p>
                                        <p className="img"><img src="../content/images/help/img13.jpg" alt=""/></p>
                                    </div>
                                </div>

                            </div>
                            <div className="clear"></div>
                        </div>
                    </div>
                    <div className="clear"></div>
                </div>
            </div>
        )
    }
});
ReactDOM.render(<Root/>, document.getElementById('giraffe'));